body{
    margin: 0px;
    padding: 0px;
    font-family: '微软雅黑';
}

@defult-color-detail-head: #e4e8f2;
@defult-color-white: #fff;
@defult-state-normal:#6cc8d7;//正常状态
@defult-state-anomaly:#ed8e8c;//异常状态
@defult-state-disable:#dbdbdb;//异常状态
@defult-state-empty: #702192; //空状态颜色
@defult-color-title:#212121;//标题字体颜色
@defult-color-normal:#3a3a3a;//普通字体颜色
@defult-color-gray: #777777; //提示字体颜色
@defult-border :#ddd;
@defult-item-title:#224792;//表格  可以点击的名字样式颜色
.main-wrapper{
    .theme(
        @defult-color-detail-head,
        @defult-color-white,
        @defult-state-normal,//正常状态
        @defult-state-anomaly,//异常状态
        @defult-state-disable,//异常状态
        @defult-state-empty, //空状态颜色
        @defult-color-title,//标题字体颜色
        @defult-color-normal,//普通字体颜色
        @defult-color-gray,
        @defult-border,
        @defult-item-title
    );
}

.theme(
    @defult-color-detail-head,
    @defult-color-white,
    @defult-state-normal,//正常状态
    @defult-state-anomaly,//异常状态
    @defult-state-disable,//异常状态
    @defult-state-empty, //空状态颜色
    @defult-color-title,//标题字体颜色
    @defult-color-normal,//普通字体颜色
    @defult-color-gray,
    @defult-border,
    @defult-item-title){
    .back-normal{
        background: @defult-state-normal !important;
    }
    .back-anomaly{
        background: @defult-state-anomaly !important;
    }
    .back-disable{
        background: @defult-state-disable !important;
    }
    .back-empty{
        background: @defult-state-empty !important;
    }
    .back-white {
        background: @defult-color-white !important;
    }
    .content-header{
        color: @defult-color-normal;
    }
    .title{
        color: @defult-color-title;
    }
    .item-title{
        color: @defult-item-title;
    }
    .border-line{
        background:  @defult-border;
        display: inline-block;
        position: relative;
    }
    .border-line::after{
        content: ' ';
        border-right: 1px solid @defult-border;
        display: inline-block;
    }
    .detail-head {
        background: @defult-color-detail-head;
        .operation-icon {
            background: @defult-color-white;
        }
    }
    .color-gray {
        color: @defult-color-gray;
    }
}
